<template>
    <div class="h-100 p15 flex column">
        <login-header></login-header>
        <div class="flex column column-row-center ui-border-top pt20">
            <el-radio-group v-model="actionType" size="small">
                <el-radio-button label="1">验证手机</el-radio-button>
                <el-radio-button label="2">验证邮箱</el-radio-button>
            </el-radio-group>
            
            <el-form label-width="80px" class="ui-form mt50">
                <el-form-item label="手机号" v-if="actionType==1">
                    <el-input></el-input>
                </el-form-item>
                <el-form-item label="邮箱" v-if="actionType==2">
                    <el-input></el-input>
                </el-form-item>
                <el-form-item label="验证码">
                    <el-input></el-input>
                    <el-button>发送</el-button>
                </el-form-item>
                <el-form-item class="flex row-center">
                    <el-button @click="$router.push('/login')">返回登录</el-button>
                    <el-button class="ui-button-large" type="primary">下一步</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>
<script>
    import loginHeader from '@/views/login/login-header'
    export default {
        components: {
            loginHeader,
        },
        data(){
            return {
                actionType:'1'
            }
        },
    }
</script>